<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>axios入门应用</title>
    <!-- CDN 方式引入 axios-cdn方式引入  -->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.5.0/axios.min.js"></script>
</head>
<body>
<script>
    // get 方法，拼接字符串传参
    /* axios-cdn方式引入('https://demo-api.apipost.cn/api/demo/news_list?mobile=18289454846&theme_news=国际新闻&page=1&pageSize=20').then(res=>{
        console.log(res);
        console.log(res.data);
    }).catch(err=>{
        console.log(err);
    }) */
    // get 方法 JSON 对象传参
    /* axios-cdn方式引入({
        method: 'get',
        url: 'https://demo-api.apipost.cn/api/demo/news_list', // api 地址
        params: {
            mobile: 18289454846,        // 手机号
            theme_news: '国际新闻',      // 新闻专题
            page: '2',                  // 分页
            pageSize: '20'              // 每页条数
        }
    }).then(res=>{
        console.log(res)
    }) */
    // post 方法
    axios({
        method: 'post',
        url: 'https://demo-api.apipost.cn/api/demo/login', // api 地址
        headers: {
            'content-type': 'application/x-www-form-urlencoded'
        },
        data: {
            mobile: 18289454846,        // 手机号
            ver_code: '123456'          // 验证码
        }
    }).then(res=>{
        console.log(res)
    })
</script>
</body>
</html>